<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>empty-cart</title>
    <link rel="stylesheet" href="./scss/_reset.scss">
    <link rel="stylesheet" href="./css/empty-cart.min.css">
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>

<body>
    <div class="web">
        <!-- 头部 -->
        <header>
            <div class="wrap">
                <!-- 顶部栏 -->
                <div class="wrap-top">
                    <img src="./image/empty-cart/arrow.png" alt="">
                    <div class="cart-name">购物车</div>
                </div>
                <!-- 空购物车 -->
                <div class="blank"></div>
                <div class="wrap-content">
                    <div class="desc">
                        <img src="./image/empty-cart/blankcart.png" alt="">
                        <h3>购物车暂时没有商品</h3>
                        <button>去逛逛</button>
                    </div>
                </div>
            </div>
        </header>
        <!-- 中间内容 -->
        <main>
            <!-- 猜你喜欢 -->
            <!-- 标题 -->
            <div class="title-box">
                <h3>猜你喜欢</h3>
            </div>
            <div class="guess">
                <!-- 鲜花商品 -->
                <div class="product">
                    <img src="./image/empty-cart/永恒回忆.png" alt="">
                    <h3>永恒回忆</h3>
                    <div class="price-sold">
                        <span class="price">￥329</span><span class="sold">销量16022笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/浪漫满屋.png" alt="">
                    <h3>浪漫满屋</h3>
                    <div class="price-sold">
                        <span class="price">￥229</span><span class="sold">销量17229笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/幸福守候.png" alt="">
                    <h3>幸福守候</h3>
                    <div class="price-sold">
                        <span class="price">￥239</span><span class="sold">销量15632笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/缘分天空.png" alt="">
                    <h3>缘分天空</h3>
                    <div class="price-sold">
                        <span class="price">￥339</span><span class="sold">销量13960笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/相濡以沫.png" alt="">
                    <h3>相濡以沫</h3>
                    <div class="price-sold">
                        <span class="price">￥229</span><span class="sold">销量12685笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/此生不渝.png" alt="">
                    <h3>此生不渝</h3>
                    <div class="price-sold">
                        <span class="price">￥168</span><span class="sold">销量16256笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/浪漫告白.png" alt="">
                    <h3>浪漫告白</h3>
                    <div class="price-sold">
                        <span class="price">￥329</span><span class="sold">销量19578笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/为你心动.png" alt="">
                    <h3>为你心动</h3>
                    <div class="price-sold">
                        <span class="price">￥329</span><span class="sold">销量16877笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/满天繁星.png" alt="">
                    <h3>满天繁星</h3>
                    <div class="price-sold">
                        <span class="price">￥299</span><span class="sold">销量14589笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/不忘初心.png" alt="">
                    <h3>不忘初心</h3>
                    <div class="price-sold">
                        <span class="price">￥189</span><span class="sold">销量10548笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/情定今生.png" alt="">
                    <h3>情定今生</h3>
                    <div class="price-sold">
                        <span class="price">￥699</span><span class="sold">销量13845笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/真心真意.png" alt="">
                    <h3>永恒回忆</h3>
                    <div class="price-sold">
                        <span class="price">￥339</span><span class="sold">销量12856笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/感恩的心.png" alt="">
                    <h3>感恩的心</h3>
                    <div class="price-sold">
                        <span class="price">￥159</span><span class="sold">销量13669笔</span>
                    </div>
                </div>
                <div class="product">
                    <img src="./image/empty-cart/挚爱一生.png" alt="">
                    <h3>挚爱一生</h3>
                    <div class="price-sold">
                        <span class="price">￥189</span><span class="sold">销量9856笔</span>
                    </div>
                </div>
                <div class="product" style="margin-bottom: 8vw;">
                    <img src="./image/empty-cart/温暖阳光.png" alt="">
                    <h3>温暖阳光</h3>
                    <div class="price-sold">
                        <span class="price">￥269</span><span class="sold">销量12710笔</span>
                    </div>
                </div>
                <div class="product" style="margin-bottom: 8vw;">
                    <img src="./image/empty-cart/情有独钟.png" alt="">
                    <h3>永恒回忆</h3>
                    <div class="price-sold">
                        <span class="price">￥689</span><span class="sold">销量9877笔</span>
                    </div>
                </div>
            </div>
        </main>
        <div class="blank"></div>
        <!-- 底部 -->
        <footer>
            <div class="tabbar-false">
            </div>
            <div class="tabbar-foot">
                <ul>
                    <a href="./index.html">
                    <li>
                        <i class="iconfont">&#xe64f;</i>
                        <p>首页</p>
                    </li>
                </a>
                <a href="./classify.html">
                    <li>
                        <i class="iconfont">&#xe62f;</i>
                        <p>分类</p>
                    </li>
                </a>
                <a href="./empty-cart.html">
                    <li>
                        <i class="iconfont">&#xe63f;</i>
                        <p>购物</p>
                    </li>
                </a>
                <a href="./personalcenter.html">
                    <li>
                        <i class="iconfont">&#xe615;</i>
                        <p>我的</p>
                    </li>
                </a>
                </ul>
            </div>
        </footer>
    </div>
</body>

</html>